@import './common.scss';
@font-face { //主题字体
	font-family: PingFangMedium;
	src: url('PingFangMedium.ttf');
}
// *{
// 	box-sizing: border-box;
// }

body{
	font-family:PingFangMedium;
}
.app{
	min-height: 100vh;
	overflow: hidden;
}

.status-bar-gap {
  padding-top: calc(88rpx + var(--status-bar-height));
}
.overspread{
	width: 100vw;
	height: 100vh;
}
.background{
	background-image: url('/static/image/homePage.png');
	background-size:contain;
	// background-repeat: n;
	// background-position:0 -100px ;
	width: 100vw;
	height: 100vh;
}
.mybutton{
	border-radius: 50rpx;
	height: 98rpx;
	width: 100%;
	font-weight: 600;
	font-size: 28rpx;
	display: flex;
	justify-content: center;
	align-items: center;
}
.border{
					border: 1px solid red;
}
.color-fff{
	color: #fff;
}
.color-grey{
	color: #7d7d7d;
}
.font-weight-600{
	font-weight: 600;
}
.font-weight-900{
	font-weight: 900;
}
.f-size-12{
	font-size: 24rpx;
}
.f-size-14{
	font-size: 28rpx;
}
.f-size-16{
	font-size: 32rpx;
}
.f-size-18{
	font-size: 36rpx;
}
.f-size-20{
	font-size: 40rpx;
}
.f-size-10{
	font-size: 20rpx;
}
.f-size-25{
	font-size: 50rpx;
}
.bor-radius-20{
	border-radius: 20rpx;
}
.bor-radius-10{
	border-radius: 10rpx;
}
.bor-radius-square{
	border-radius: 50%;
}
.flex-center-center{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
	
.flex-between-center{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.m-auto{
	margin: 0 auto;
}

.t-center{
	text-align: center;
}
.t-start{
	text-align: start;
}
.t-end{
	text-align: end;
}
.position-center{
	right: 50%;
	top: 50%;
	transform: translate(50%,-50%);
}